{extend name="public/base" /}
{block name="css"}
<style>

  .container-fluid {

  }

  .mx-auto {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .banner {
    width: 100%;
  }

</style>
{/block}
{block name="main"}
<section class="container-fluid main-container">
  <!-- banner -->
  <div class="row" style="position: relative;">
    <img alt="" class="banner" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/banner.png">
  </div>
  <!-- banner end -->

  <div class="row" style="position: relative;padding-bottom: 35px;background: url('https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/bj2.png') no-repeat; background-size: cover">
    <div class="max-width mx-auto">
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/Title2.png">
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/part02.png">

      <a href="https://t.dianping.com/deal/657845093"><img alt="" class="img-responsive" style="margin-top: 40px" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/icon.png"></a>
    </div>
  </div>

  <div class="row" style="position: relative;padding-bottom: 80px;background: url('https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/bj3.png') no-repeat; background-size: cover">
    <div class="max-width mx-auto">
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/Title3.png">
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/part03.png">
    </div>
  </div>

  <div class="row" style="position: relative;padding-bottom: 80px;background: url('https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/bj4.png') no-repeat; background-size: cover">
    <div class="max-width mx-auto">
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/Title4.png">
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/part02-1.png">
    </div>
  </div>

  <div class="row" style="position: relative;padding-bottom: 80px;background: url('https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/bj5.png') no-repeat; background-size: cover">
    <div class="max-width mx-auto">
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/Title5.png">
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202011/pc/dk.png">
    </div>
  </div>
</section>
{/block}
{block name="js"}
<script>

</script>
{/block}